﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - 数据库文档生成工具</title>
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
    <!--vue-->
    <script src="~/lib/vue/vue.min.js"></script>
    <script src="~/lib/vue/axios.min.js"></script>
    <!--element-->
    <script src="~/lib/element/index.js"></script>
    <link href="~/lib/element/index.css" rel="stylesheet" />
    <!--echarts-->
    <script src="~/lib/chart/echarts.js"></script>
</head>
<body>
    <div id="_layout">
        <el-container>
            <el-header>

            </el-header>
            <el-container>

                <el-main>
                    <div class="mainBody">
                        @RenderBody()
                    </div>
                </el-main>
            </el-container>
        </el-container>

    </div>
    <script>
        // new Vue({}).$mount('#_layout')
    </script>
    <style>
        html, body {
            margin: auto;
            height: 100%;
        }

        #_layout {
            height: 100%;
        }

        .el-container {
            height: 100%;
        }

        .el-header, .el-footer {
            background-color: #4e73df !important;
            color: #FFFFFF;
            text-align: left;
            line-height: 60px;
        }

        .el-aside {
            background-color: #FFFFFF;
            color: #333;
            text-align: center;
            line-height: 200px;
            border-right: 1px solid #CCC;
            max-width: 200px;
        }

        .el-main {
            background-color: #e6e6e6;
            color: #333;
            text-align: center;
            padding: 15px;
        }

        .mainBody {
            background-color: white;
            min-height: 100%;
            padding: 10px;
        }

        .el-menu {
            border-right: none
        }

        .el-menu-vertical-demo:not(.el-menu--collapse) {
            width: 199px;
            min-height: 400px;
            text-align: left;
        }
    </style>
</body>
</html>
